<template>
  <div class="main">
    <transition name="nextpage">
     <router-view :homelists="homelists" :homenavlists="homenavlists" :homenavlists2="homenavlists2"></router-view>
    </transition>
  </div>
</template>

<script>
export default {
    data(){
        return{
            homelists:[
                {
                    sptimgs:require("./assets/sptimgs/01.jpg"),
                    titles:"超级好吃的小罐装西米露，奶茶店手艺，限时打折",
                    idea:"满100减5",
                    qianq:20,
                    qianh:"0",
                    hou:"已拼了4649件",
                    id:1,
                    beticket:99,
                    dianpuname:"像风一样小店",
                    chip:30,
                    overprice:"",
                    checked:false,
                    sizelist:[
                        {
                             smallimgs:[
                                {
                                    img:require("./assets/sptimgs/01.jpg"),
                                    smalltitle:"黑色"
                                },
                                {
                                    img:require("./assets/sptimgs/01.jpg"),
                                    smalltitle:"白色"
                                },
                                {
                                    img:require("./assets/sptimgs/01.jpg"),
                                    smalltitle:"红色"
                                },
                                {
                                    img:require("./assets/sptimgs/01.jpg"),
                                    smalltitle:"粉色"
                                },
                                {
                                    img:require("./assets/sptimgs/01.jpg"),
                                    smalltitle:"灰色"
                                },
                             ],
                            
                        }
                    ]
                },
                {
                    sptimgs:require("./assets/sptimgs/02.jpg"),
                    titles:"乐事薯片，大波浪薯片，嘎嘣脆，6包10包装，6种口味",
                    idea:"满100减5",
                    qianq:"18",
                    qianh:"9",
                    hou:"已拼了5869件",
                    id:2,
                    beticket:99,
                    dianpuname:"像风一样小店",
                    chip:30,
                    overprice:"",
                    checked:false,
                    sizelist:[
                        {
                             smallimgs:[
                                {
                                    img:require("./assets/sptimgs/02.jpg"),
                                    smalltitle:"黑色"
                                },
                                {
                                    img:require("./assets/sptimgs/02.jpg"),
                                    smalltitle:"白色"
                                },
                                {
                                    img:require("./assets/sptimgs/02.jpg"),
                                    smalltitle:"红色"
                                },
                                {
                                    img:require("./assets/sptimgs/02.jpg"),
                                    smalltitle:"粉色"
                                },
                                {
                                    img:require("./assets/sptimgs/02.jpg"),
                                    smalltitle:"灰色"
                                },
                             ],
                            
                        }
                    ]
                },
                {
                    sptimgs:require("./assets/sptimgs/03.jpg"),
                    titles:"冲量特卖蒙牛正品真果粒牛奶饮品250g*12盒装",
                    idea:"满100减5",
                    qianq:"50",
                    qianh:"9",
                    hou:"已拼了6659件",
                    id:3,
                    beticket:99,
                    dianpuname:"像风一样小店",
                    chip:30,
                    overprice:"",
                    checked:false,
                    sizelist:[
                        {
                             smallimgs:[
                                {
                                    img:require("./assets/sptimgs/03.jpg"),
                                    smalltitle:"黑色"
                                },
                                {
                                    img:require("./assets/sptimgs/03.jpg"),
                                    smalltitle:"白色"
                                },
                                {
                                    img:require("./assets/sptimgs/03.jpg"),
                                    smalltitle:"红色"
                                },
                                {
                                    img:require("./assets/sptimgs/03.jpg"),
                                    smalltitle:"粉色"
                                },
                                {
                                    img:require("./assets/sptimgs/03.jpg"),
                                    smalltitle:"灰色"
                                },
                             ],
                            
                        }
                    ]
                },
                {
                    sptimgs:require("./assets/sptimgs/04.jpg"),
                    titles:"元气夹心吐司面包，一整箱，一百片，当天做当天发",
                    idea:"满50减1",
                    qianq:"30",
                    qianh:"9",
                    hou:"已拼了6579件",
                    id:4,
                    beticket:99,
                    dianpuname:"像风一样小店",
                    chip:30,
                    overprice:"",
                    checked:false,
                    sizelist:[
                        {
                             smallimgs:[
                                {
                                    img:require("./assets/sptimgs/04.jpg"),
                                    smalltitle:"黑色"
                                },
                                {
                                    img:require("./assets/sptimgs/04.jpg"),
                                    smalltitle:"白色"
                                },
                                {
                                    img:require("./assets/sptimgs/04.jpg"),
                                    smalltitle:"红色"
                                },
                                {
                                    img:require("./assets/sptimgs/04.jpg"),
                                    smalltitle:"粉色"
                                },
                                {
                                    img:require("./assets/sptimgs/04.jpg"),
                                    smalltitle:"灰色"
                                },
                             ],
                            
                        }
                    ]
                },
                {
                    sptimgs:require("./assets/sptimgs/05.jpg"),
                    titles:"特浓安慕希，芒果口味，一箱12瓶，送人礼物",
                    idea:"满100减5",
                    qianq:"48",
                    qianh:"9",
                    hou:"已拼了999件",
                    id:5,
                    beticket:99,
                    dianpuname:"像风一样小店",
                    chip:30,
                    overprice:"",
                    checked:false,
                    sizelist:[
                        {
                             smallimgs:[
                                {
                                    img:require("./assets/sptimgs/05.jpg"),
                                    smalltitle:"黑色"
                                },
                                {
                                    img:require("./assets/sptimgs/05.jpg"),
                                    smalltitle:"白色"
                                },
                                {
                                    img:require("./assets/sptimgs/05.jpg"),
                                    smalltitle:"红色"
                                },
                                {
                                    img:require("./assets/sptimgs/05.jpg"),
                                    smalltitle:"粉色"
                                },
                                {
                                    img:require("./assets/sptimgs/05.jpg"),
                                    smalltitle:"灰色"
                                },
                             ],
                            
                        }
                    ]

                },
                {
                    sptimgs:require("./assets/sptimgs/06.jpg"),
                    titles:"蒙牛真果粒，水果牛奶，12种口味。9月份生产",
                    idea:"满100减5",
                    qianq:"50",
                    qianh:"9",
                    hou:"已拼了999件",
                    id:6,
                    beticket:99,
                    dianpuname:"像风一样小店",
                    chip:30,
                    overprice:"",
                    checked:false,
                    sizelist:[
                        {
                             smallimgs:[
                                {
                                    img:require("./assets/sptimgs/06.jpg"),
                                    smalltitle:"黑色"
                                },
                                {
                                    img:require("./assets/sptimgs/06.jpg"),
                                    smalltitle:"白色"
                                },
                                {
                                    img:require("./assets/sptimgs/06.jpg"),
                                    smalltitle:"红色"
                                },
                                {
                                    img:require("./assets/sptimgs/06.jpg"),
                                    smalltitle:"粉色"
                                },
                                {
                                    img:require("./assets/sptimgs/06.jpg"),
                                    smalltitle:"灰色"
                                },
                             ],
                            
                        }
                    ]

                },
            ],
            homenavlists:[
              {navimgs:require("./assets/ktimgs/限时秒杀.png"),titles:"限时秒杀"},
              {navimgs:require("./assets/ktimgs/断码清仓.png"),titles:"断码清仓"},
              {navimgs:require("./assets/ktimgs/现金转盘.png"),titles:"现金转盘"},
              {navimgs:require("./assets/ktimgs/多多果园.png"),titles:"多多果园"},
              {navimgs:require("./assets/ktimgs/九块九特卖.png"),titles:"9.9特卖"},
              {navimgs:require("./assets/ktimgs/充值中心.png"),titles:"充值中心"},
              {navimgs:require("./assets/ktimgs/每日红包.png"),titles:"每日红包"},
              {navimgs:require("./assets/ktimgs/免费商品.png"),titles:"免费商品"},
              {navimgs:require("./assets/ktimgs/每日签到.png"),titles:"每日签到"},
              {navimgs:require("./assets/ktimgs/年度大促.png"),titles:"年度大促"},
            ],
            homenavlists2:[
              {navimgs:require("./assets/ktimgs/S领红包.png"),titles:"天天领现金"},
              {navimgs:require("./assets/ktimgs/行家.png"),titles:"行家帮你选"},
              {navimgs:require("./assets/ktimgs/天天优惠.png"),titles:"天天优惠"},
              {navimgs:require("./assets/ktimgs/爱消除.png"),titles:"多多爱消除"},
              {navimgs:require("./assets/ktimgs/医药馆.png"),titles:"医药馆"},
              {navimgs:require("./assets/ktimgs/月卡.png"),titles:"省钱月卡"},
              {navimgs:require("./assets/ktimgs/跟着买.png"),titles:"跟着好评买"},
              {navimgs:require("./assets/ktimgs/绑卡.png"),titles:"绑卡领红包"},
            ],
        }
    }
}

</script>

<style lang="scss" >
// 公共css
@import "./assets/css/base.css";
.ooo{
    width: 100%;
    height: 10px;
}
.dibu{
    width: 100%;
    height: 75px;
    display: flex;
    font-size: 10px;
    position: fixed;
    bottom: 0px;
    background-color: #fff;
}
.dibu .items{
    display: block;
    margin-top: 5px;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
}
.dibu img{
    width: 21px;
}

.nextpage-enter {
    transform: translateX(-150px);
    opacity: 0;
}
.nextpage-leave-to {
    transform: translateX(150px);
    opacity: 0;
}
.nextpage-enter-active,
.nextpage-leave-active {
    transition: all 0.5s ease-in-out;
}
</style>